<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript">

   function grabar(){

       ////
            var observacion=document.getElementById("observacion").value;
            var codActPer=document.getElementById("codActividad").value;
            var form = document.getElementById("AvancePorActividadForm");

            form.action="avancesPorActividad.do?dispatch=saveObsActPermanente&codActividadPer="+codActPer+"&observacion="+observacion;
            form.method="post";
            form.submit();

    }

    function editar(CodUpdate,DESC_META,CANT_META,TIPO_META){
   // alert(CODPRG);

        document.getElementById("Insertar").value="Editar";

        document.getElementById("txtMeta").value=DESC_META;
        document.getElementById("txtCantidad").value=CANT_META;
        document.getElementById("cboTipo").value=TIPO_META;
        document.getElementById("codUpdate").value=CodUpdate;
        document.getElementById("opcion").value=2;

    }
    function eliminar(CODPRG){

        document.getElementById("txtMeta").value="";
        document.getElementById("txtCantidad").value=0;
       // document.getElementById("cboTipo").value=-1;
        document.getElementById("codUpdate").value=CODPRG;
        document.getElementById("opcion").value=3;
        grabar();

    }

    function validar(){

       if (document.getElementById("txtMeta").value=="" ||document.getElementById("txtMeta").value==null)
        {
            document.getElementById("txtMeta").focus();
            alert("Ingrese Meta ");
            return;
        }

        if (document.getElementById("txtCantidad").value=="" ||document.getElementById("txtCantidad").value==null)
        {
            alert("Ingrese Cantidad ");
            document.getElementById("txtCantidad").focus();
            return;
        }

       if (document.getElementById("cboTipo").value==-1 )
        {
            document.getElementById("cboTipo").focus();
            alert("Seleccione Tipo ");
            return;
        }
        
        grabar();
        
    }

    function setControls(){

        document.getElementById("txtMeta").value="";
        document.getElementById("txtCantidad").value="";
        document.getElementById("cboTipo").value=-1;
        document.getElementById("codUpdate").value=0;
        document.getElementById("opcion").value=1;

    }


       function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }


     function meta(codmeta,descMeta){
           var descPrograma=document.getElementById("titu_programa");
           var form = document.getElementById("ProgEstrForm");
            //form.codObj.value = codigo;
            //form.descObj.value = desc;
            form.action="ProgEstra.do?dispatch=loadFinMeta&codmeta="+codmeta+"&descMeta="+descMeta+"&descPrograma="+descPrograma;

            form.method="post";
            form.submit();
     }

     function setCbo(){

         var cboTipo=document.getElementById("cboTipo").value;
         
         document.getElementById("hidCbo").value=cboTipo;
         
     }

  function eventoSoloNumeros(){


	var key = event.keyCode;

	if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
		event.returnValue = true;
	else
		event.returnValue = false;

    }

function validarConteoCaracteres(){

        var cont=document.getElementById("guardaContador").value;
        cont=cont+1;

   document.getElementById("guardaContador").value=document.getElementById("guardaContador").value+cont;
   document.getElementById("contador").value=cont;
   
   if(cont<=20)
    event.returnValue = true;
   else
     event.returnValue = false;

}

   function contar(texto,e){

        document.getElementById("contador").value=document.getElementById("observacion").value.length;

        if (texto.length > 20 ) {
            if (navigator.appName == "Netscape") tecla = e.which
            else tecla = e.keyCode
            if (tecla != 8) return false
        }
       return true

    }

</script>
<html >
 <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/calendar.css" rel="stylesheet" type="text/css" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>

<body>
     <html:form action="avancesPorActividad.do?dispatch=editObservacion" styleId="AvancePorActividadForm">
         <input type="hidden" id="guardaContador"/>
        <html:hidden property="codActividad" styleId="codActividad" />
        <table border="1">
            <tr >
                <td colspan="2">
                     Objetivo General Estrat&eacute;gico
                </td>
                <td colspan="2">
                    <html:text property="objGeneralEstrategico" styleId="objGeneralEstrategico"  />
                </td>
            </tr>
            <tr>
                 <td colspan="2">
                     Objetivo Especifico
                </td>
                <td colspan="2">
                     <html:text property="objEspecifico" styleId="objEspecifico"  />
                </td>

            </tr>

            <tr>
                 <td colspan="2">
                     Actividad
                </td>
                <td colspan="2">
                     <html:text property="actividad" styleId="actividad"  />
                </td>

            </tr>

            <tr>
                 <td>
                     Fecha de Inicio Ejecutada
                </td>
                <td>
                     <html:text property="fechaIniEjec" styleId="fechaIniEjec"  />
                </td>

                <td>
                     Fecha de Termino Ejecutada
                </td>
                <td>
                     <html:text property="fechaFinEjec" styleId="fechaFinEjec" />
                </td>
            </tr>

            <tr>
                        <td  colspan="4">
                            Observaciones:<br>
                            <html:textarea  onkeyup="return contar(this.value,event)" property="observacion"  styleId="observacion" onkeypress="" rows="10" cols="50"   />
                            <input type="text" size="2" id="contador"  />
                        </td>


                      

            </tr>
            
            <tr>
                <td  colspan="4" align="right">
                    
                    <input type="button" id="fechaTerminoEjec" value="Grabar" onclick="grabar()" />
                      
                </td>
            </tr>

        </table>
       
              
     </html:form>
</body>
</html>

